﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东快报</title>
    <link rel="stylesheet" href="css/北大青鸟课程导航.css">





    <style>
        *{margin: 0;padding: 0px; list-style: none}

       .jd{border: 1px solid #0002;width:143px;margin: 0px auto}

        h1{background:linear-gradient(to bottom,aliceblue,#ffffff);  /*这个背景的渐变，有渐变就不能有背景颜色*/

        font-size: 8px;
        color: black;
        padding-left: 10px;
        height:20px;
        line-height: 20px;
        margin-top: 0px; /*  这个是每一个盒子顶端的外边距*/
        font-weight: normal;
            border-bottom: 1px  dashed #cccccc;   /*这个是每一个盒子底部的线条的风格*/


        }


     .frist{font-weight: bold;color: black}
        .jd li{font-size: 8px;height:20px;padding-left: 8px;margin-top: 8px}



    </style>


</head>
<body>

<div class="jd">

    <h1> 京东快报</h1>

    <ul>
        <li><span class="frist">[特惠]</span>  海飞丝去屑又去油 超清爽</li>
        <li><span class="frist"> [公告]</span>京东公益支持鲁甸新动作</li>
        <li><span class="frist"> [特惠]</span>  4688元抢iPhone 6</li>
        <li><span class="frist"> [公告]</span>小米电视携豪礼高调入驻京东</li>




    </ul>



</div>
</body>
</html>